<?php echo $html->css('calendrical'); ?>
<?php echo $html->script('jquery.calendrical'); ?>
<script type="text/javascript" language="javascript">
<!--
	jQuery(document).ready(function(){
		//jQuery("#clientTime").val("12:40");

		jQuery('#sendTime').calendricalTime($.extend({
			startTime: '12:40'
		}));
	});
-->
</script>
<div class="posts form">
   <?php echo $this->Form->create('SprintPlans',array('action'=>'add'));?>
    <div id="main" class="clearfix">
        <div id="container" class="clearfix" style="background:#fff;">
            <div id="frame">
                <div class="leftCols">
                    <div class="title">
                        <?php __('New Sprint');?>
                    </div>
                    <div class="field">
                        <div style="float:left; padding-right:30px;">
                            Sprint ID
                            <br/>
                            <input type="text" value=" (New) " style="width:108px;"/>
                        </div>
                    </div>
                    <?php echo $form->input('Sprint.name',array('div'=>array('class' => 'field'),'label'=>'Sprint Name <span class="required">*</span>','style'=>'width:350px;'));?>
                    <div class="field">
                        Description:
                        <br/>
                        <textarea style="width:350px; height: 150px;" name="data[Sprint][description]"></textarea>
                    </div>
                </div>
                <div class="rightCols">
                	<div class="field">
		                <div style="float: left;padding-top: 15px;">
							Start Date <span class="required">*</span><br>
							<input type="text" name="data[startDate]" id="startDate" style="width: 100px; height: 20px; vertical-align: middle;" value="" readonly>
						</div>
						<div style="float: left; padding-top: 30px;">
							<?php echo $html->image('calendar.jpeg',array('onclick'=>'return showCalendar("startDate");','style'=>'width: 30px;'));?>
						</div>
						<div style="float: left; padding-left: 20px; padding-top: 15px;">
							End Date <span class="required">*</span><br>
							<input type="text" name="data[endDate]" id="endDate" style="width: 100px; height: 20px; vertical-align: middle;" value="" readonly>
						</div>
						<div style="float: left; padding-top: 30px;">
							<?php echo $html->image('calendar.jpeg',array('onclick'=>'return showCalendar("endDate");','style'=>'width: 30px;'));?>
						</div>
					</div>
	                <?php echo $form->input('Sprint.workingDays',array('div'=>array('class' => 'field'),'label'=>'Working days <span class="required">*</span>','style'=>'width:350px;'));?>
                </div>
                <div class="saveDIV">
                    <input type="submit" value="Save" class="submit" />
                </div>
            </div>
        </div>
        <?php echo $form->end();?>
    </div>
</div>
